$homeSesionHeight:7em;
$fontColor:#010101;
page-home {
    ion-header {
        height: 45px; // background-image: #FFF!important;
        ion-navbar {
            min-height: 45px !important;
            padding: 0 !important;
            button.talk-about,
            button.massages {
                min-width: 2em;
                width: 14.9%;
                height: 43px;
                background-color: #fff;
                padding: 0;
                background-size: 24px;
            }
            button.talk-about {
                float: left;
            }
            .weiliao-img {
                background-image: url(../assets/imgs/img/weiliao.png);
            }
            .weiliao-txt {
                color: #f75f47;
                font-family: "Helvetica Neue", Helvetica;
                font-size: 1em;
            }
            .news-img {
                background-image: url(../assets/imgs/img/news.png);
                background-size: 19px!important;
            }
            .img-icon {
                background-position: center;
                background-repeat: no-repeat;
            }
            button.massages {
                float: right;
            }
            div.search {
                height: 43px;
                float: left;
                width: 70%;
                background-color: #fff;
                i.search-icon {
                    width: 25px;
                    height: 25px;
                }
                input.input_search {
                    padding-left: 2em;
                    width: 100%;
                    border-radius: 100em;
                    border: 1px solid #eee;
                    background-attachment: initial;
                    background-clip: initial;
                    background-image: url(../assets/icon/icons/icon-search-act.png);
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-color: #eee;
                    display: block;
                    font-size: 1em;
                    line-height: 22px;
                    height: 30px;
                    outline-color: initial;
                    outline-style: none;
                    outline-width: initial;
                    text-decoration: none;
                    width: 100%;
                    margin-right: 0.5em;
                    margin-top: 0.6em;
                }
            }
        }
    }
    ion-header::after {
        background-image: white !important;
    }
    ion-content {
        ion-slides {
            height: 10em;
        }
        div#nav {
            width: 80%;
            margin: auto;
            div {
                height: 2.8em;
                line-height: 2.8em;
                text-align: center;
                border-bottom: 5px solid #FFFFFF;
            }
            div.act {
                color: #f75f47;
                border-bottom: 3px #f75f47 solid;
            }
        }
        .sesion—button {
            width: 100%;
            height: $homeSesionHeight;
            background-color: white;
            margin-bottom: 1em;
            ul li {
                div {
                    margin-top: 1.5em;
                    img {
                        display: block;
                        width: 2.86em;
                        height: 2.86em;
                        margin: auto;
                    }
                    label {
                        color: $fontColor;
                        display: block;
                        width: 100%;
                        text-align: center;
                        height: 1.5em;
                        line-height: 2em;
                    }
                }
                width: 25%;
                height: $homeSesionHeight;
                float: left;
            }
        }
        .ion-card-list {
            .ub-img1.tiaozhan_wh.mar_b7 {
                width: 100%;
                height: 12em;
                img {
                    width: 1.5em;
                    height: 1.5em;
                }
                .card-title {
                    position: absolute;
                    top: 36%;
                    font-size: 2.0em;
                    width: 100%;
                    font-weight: bold;
                    color: #fff;
                }
                .card-subtitle {
                    font-size: 1.0em;
                    position: absolute;
                    top: 52%;
                    width: 100%;
                    color: #fff;
                }
            }
            .line {
                width: 25%;
                height: 1px;
                background-color: #CCCCCC;
            }
            .tx-c {
                color: #CCCCCC;
            }
        }
    }
}

$homeSesionHeight:7em;
$fontColor:#010101;
page-home {
    ion-header {
        height: 45px; // background-image: #FFF!important;
        ion-navbar {
            min-height: 45px !important;
            padding: 0 !important;
            button.talk-about,
            button.massages {
                min-width: 2em;
                width: 14.9%;
                height: 43px;
                background-color: #fff;
                padding: 0;
                background-size: 24px;
            }
            button.talk-about {
                float: left;
            }
            .weiliao-img {
                background-image: url(../assets/imgs/img/weiliao.png);
            }
            .weiliao-txt {
                color: #f75f47;
                font-family: "Helvetica Neue", Helvetica;
                font-size: 1em;
            }
            .news-img {
                background-image: url(../assets/imgs/img/news.png);
                background-size: 19px!important;
            }
            .img-icon {
                background-position: center;
                background-repeat: no-repeat;
            }
            button.massages {
                float: right;
            }
            div.search {
                height: 43px;
                float: left;
                width: 70%;
                background-color: #fff;
                i.search-icon {
                    width: 25px;
                    height: 25px;
                }
                input.input_search {
                    padding-left: 2em;
                    width: 100%;
                    border-radius: 100em;
                    border: 1px solid #eee;
                    background-attachment: initial;
                    background-clip: initial;
                    background-image: url(../assets/icon/icons/icon-search-act.png);
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-color: #eee;
                    display: block;
                    font-size: 1em;
                    line-height: 22px;
                    height: 30px;
                    outline-color: initial;
                    outline-style: none;
                    outline-width: initial;
                    text-decoration: none;
                    width: 100%;
                    margin-right: 0.5em;
                    margin-top: 0.6em;
                }
            }
        }
    }
    ion-header::after {
        background-image: white !important;
    }
    ion-content {
        ion-slides {
            height: 10em;
        }
        div#nav {
            width: 80%;
            margin: auto;
            div {
                height: 2.8em;
                line-height: 2.8em;
                text-align: center;
                border-bottom: 5px solid #FFFFFF;
            }
            div.act {
                color: #f75f47;
                border-bottom: 3px #f75f47 solid;
            }
        }
        .sesion—button {
            width: 100%;
            height: $homeSesionHeight;
            background-color: white;
            margin-bottom: 1em;
            ul li {
                div {
                    margin-top: 1.5em;
                    img {
                        display: block;
                        width: 2.86em;
                        height: 2.86em;
                        margin: auto;
                    }
                    label {
                        color: $fontColor;
                        display: block;
                        width: 100%;
                        text-align: center;
                        height: 1.5em;
                        line-height: 2em;
                    }
                }
                width: 25%;
                height: $homeSesionHeight;
                float: left;
            }
        }
        .ion-card-list {
            .ub-img1.tiaozhan_wh.mar_b7 {
                width: 100%;
                height: 12em;
                img {
                    width: 1.5em;
                    height: 1.5em;
                }
                .card-title {
                    position: absolute;
                    top: 36%;
                    font-size: 2.0em;
                    width: 100%;
                    font-weight: bold;
                    color: #fff;
                }
                .card-subtitle {
                    font-size: 1.0em;
                    position: absolute;
                    top: 52%;
                    width: 100%;
                    color: #fff;
                }
            }
            .line {
                width: 25%;
                height: 1px;
                background-color: #CCCCCC;
            }
            .tx-c {
                color: #CCCCCC;
            }
        }
    }
}